<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:t="http://myfaces.apache.org/tomahawk"
	xmlns:p="http://primefaces.org/ui">
<ui:composition template="/WEB-INF/templates/plantillaPrincipal.xhtml">
	<ui:define name="menu">
		<h:panelGroup>
			<h:form>
				<table width="900" cellpadding="0" cellspacing="0">
					<tr>
						<td width="600" height="40">
							<table width="600" cellpadding="0" cellspacing="0">
								<tr>
									<td class="tabInactivo" width="150" height="40"><h:commandLink
											action="irInicio" value="#{msg.menuArchivos}"
											rendered="#{usuarioBean.logueado}" />
									</td>
									<td class="tabActivo" height="40" width="150"><h:commandLink
											action="irCategorias" value="#{msg.categorias}" />
									</td>
									<td class="tabInactivo" width="150"><h:commandLink
											action="irBuscador" value="#{msg.menuBuscador}"
											rendered="#{usuarioBean.logueado}" />
									</td>
									<td class="tabInactivo" width="150"><h:commandLink
											action="cargarDocumento" value="#{msg.menuSubirDocumento}"
											rendered="#{usuarioBean.logueado}" />
									</td>
								</tr>
							</table>
						</td>
						<td width="300" style="border-bottom: 1px solid #2779AA"></td>
					</tr>
				</table>
			</h:form>
		</h:panelGroup>
	</ui:define>
	<ui:define name="content">
		<f:view>
			<h1>#{msg.insertarCategoriaTitulo}</h1>
			<h:form>
				<div class="texto">
					<h:outputText
						value="#{msg.insertarCategoriaTexto1}" />
				</div>
				<br />
				<br />
				<p:tree value="#{categoriaBean.rootAltaCategoria}" var="node"
					selectionMode="single" id="treeCategorias"
					selection="#{categoriaBean.selectedNodeCategoriaPadre}">
					<p:treeNode expandedIcon="ui-icon-folder-open"
						collapsedIcon="ui-icon-folder-collapsed">
						<h:outputText value="#{node.nombre}" />
					</p:treeNode>
				</p:tree>
				<br />
				<h:panelGrid columns="3" border="0" cellspacing="6">
					<!--

					<h:outputText value="Categoria Padre:" />
					<h:selectOneMenu
						value="#{categoriaBean.categoria.idCategoriaPadre}">
						<f:selectItems value="#{categoriaBean.listaComboCategoria}" />
					</h:selectOneMenu>

					-->
					<h:outputText value="#{msg.nombre}" />
					<p:inputText id="nombre" value="#{categoriaBean.categoria.nombre}"
						required="true" maxlength="255" />
					<p:message for="nombre" />
					<br />
					<!--
					
					<h:inputText value="#{categoriaBean.categoria.nombre}"
						maxlength="255"/>

						-->
					<h:commandButton type="submit"
						action="#{categoriaBean.insertarCategoria}"
						value="#{msg.insertarCategoriaBoton}"
						onclick="return confirm('#{msg.confirmarInsertarCategoria}')" />
				</h:panelGrid>
			</h:form>
		</f:view>
	</ui:define>
</ui:composition>
</html>
